﻿
body{
    padding-top:0 !IMPORTANT;
    padding-bottom:0 !IMPORTANT;
   -webkit-text-size-adjust: auto;
}

.container{
   width:100% !IMPORTANT;
   /*display:inline-block;*/
   
   /*height:100%;*/
}
#bntLogin.btn.btn-default{
    font-weight:bold;
    font-size: 11px;
    color:white;
    background:#1C9794;
}
#bntLogin.btn.btn-default:hover{
    background:white;
    color:#1C9794;
}
.buttondn_nav{
    color: #102933;
    float: right;
    font-family: tahoma;
    font-size: 11px;
    font-weight: bold;   
    padding-right:30px;
    text-decoration: none;
}
.error_msg{
   width:80%;
   max-width:90%;
   margin-left:0;
   margin-top:2px;
   margin-bottom:2px;
}
.alert-danger{
     background-color:transparent !IMPORTANT;
}
.login_box{   
    background:url('../Images/bg/abstract_v3.png');
    /*background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),url('../Images/bg/background_v1.png');*/
    background-size:100% 100%;
    background-repeat:no-repeat;
    position: absolute;
    /*margin-bottom:35%;*/
    background-position:left;
    height:/*80%*/85%;
    width:100%;
    z-index: 0;
}
.login_box img{
    opacity: 0.3;
    overflow: hidden;
    z-index: 0;
}
.login_nav {
    
    /*clear: right;
    float: right;*/
    position: absolute;
    top:30%;
    right: 10%;  
    width:379px;  
    height:43px;
}   
.login_tip_nav {
    background: url("../Images/bg/login_t.png") no-repeat scroll left top rgba(0, 0, 0, 0); 
    color: #dfefff;
    font-family: tahoma;
    font-size:95%;
    font-weight: bold;
    height: 100%;
    padding: 16px 0 0 60px;
    text-decoration: none;
    width: 100%;
    margin:0;
  
}
.login_c_nav {
    background: url("../Images/bg/login_bg_all.jpg") repeat-x scroll left bottom rgba(0, 0, 0, 0);
   
    /*border-left: 1px solid #6ec0c2;
    border-right: 1px solid #6ec0c2;*/
    clear: left;
    float: left;
    margin: 0;
    width: 99.3%;   
    height:296px;
}
 .login_c_nav p {
        background: url("../Images/bg/nametruycap_bg.png") no-repeat scroll left top rgba(0, 0, 0, 0);
        height: 33px;
        margin: 13px 0 0 36px;
        width:100%;
    }
 .group.login_c_nav{
     margin-left:35px;
     height:60px !important;
     width:100% !important;
 }
 img#PM0Captcha_CaptchaImage.LBD_CaptchaImage{
      width: 145px !important;
      margin-right: 3px;
 }

 #PM0Captcha_CaptchaDiv.LBD_CaptchaDiv{
     display: table-row;
     /*margin-left:35px !important;*/
 }
 #PM0Captcha_CaptchaImageDiv.LBD_CaptchaImageDiv{
     display:table-cell;
     padding-left:5px;
     margin-top: 3px;
     height:25px !important;
     width: 145px !important;
 }
 #PM0Captcha_CaptchaIconsDiv.LBD_CaptchaIconsDiv{
     display:table-cell;
     margin-top: 3px;
     /*margin-bottom:20px !important;*/
     margin-left:3px;
     width:25px !important;
     height:25px !important;
 }
 #CaptchaCode.form-control{
     margin-left:5px !important;
     margin-top:20px;
     width: 150px;
 }
 
 .control-label
 {
     margin-left:35px !important;
 }
 .login_b_nav {
    background: url("../Images/bg/login_b.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    clear: left;
    float: left;
    height: 23px;
    margin: 0;
    width: 100%;
}
      
 .navbar{ /*bootstrap*/
          height:30%;
          background:/*#4CABA8*/ #4CABA8;
 }
#nav_p1{
    float: left;  /* This lines up the menu items horizontally */
	/*text-align: center;*/  /* All text is placed in the center of the box */
    /*display:inherit;*/
}

.navbar-inverse{
    /*background-color:#32A332 !IMPORTANT;*/
   
}
.navbar-nav:hover{
    cursor:pointer;
}
.navbar-inverse .navbar-nav>li>a{
    color:black !IMPORTANT;
}
.navbar-nav>li>a{
   
   padding:0 0 ;
   padding-top:5px!IMPORTANT;
   padding-bottom:5px !IMPORTANT;
}

/* pad items, set their text colour, and fade their background colour */
/*.dropdown a,
.dropdown span{
  padding    : 0.25em 0.5em;
  color      : white;
  transition : background 0.2s;
}*/

/* set the background colour of active items */
.dropdown li:hover > a,
.dropdown li:hover > span,
.dropdown li.dropdownOpen > a,
.dropdown li.dropdownOpen > span{
  /*background : rgb(160,208,112);
  background-color:rgb(160,208,112);*/
  float:left;
  
}

/* align the menu content */
.dropdown > li{
  float:left;
 
  margin-right:/*2px*/ 1%; /*optional*/
}
[dir=rtl] .dropdown > li{
  text-align : right;
}
.menu_nav_ict{

    background: url("../Images/bg/menu_bg.jpg") repeat-x scroll left top rgba(0, 0, 0, 0);
    background-size: auto 100%;
    clear: left;   
    /*display:inline-block;*/
    float: left;
    font-family: tahoma;
    font-size: /*60%*/12px;
    font-weight: bold;
    height: 40%; 
    position: relative; /*20150425*/
    margin:0 auto; 
    width:100%;
    z-index:2000;
    min-width:70%;
}
.footer_nav_ict {
    /*position:relative;*/
    
    /*margin-top:37%;*/
     
    text-align:center;
    color:white;
    background: url("../Images/bg/footer_bg.jpg");
    background-repeat:repeat;
    
    /*z-index:1000;*/
}
.pagesmater_nav_ict{

    /*background-color:#D6E0CC;*/
    display:inline-block;      
    height:100%;
    width:100%;
   
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover{
    /*background-color:#33AD33!IMPORTANT;*/
    /*font-size:medium;*/  
}
.dropdown-menu{
     background:#FFF5F5 !IMPORTANT;
     border-bottom:1px solid #ddd;
      
}


.dropdown:hover .dropdown-menu {
display: block;
}


#nav_user a{
     color:black;   
     
    /*padding-right:10%;*/
 
}
#nav_user{
    float:right;
}
#centeredmenu { 
   float:left;
   margin:0 auto;  
   
}

/* Top menu items */
#centeredmenu ul,#nav_user ul{
   margin:0;
   /*float:left;*/
   /*float:right;*/
   display:inline;
   /*padding:0;*/
  
   position:relative;
   /*text-align: center;*/    
}
#centeredmenu ul li, #nav_user ul li{ 
    
   padding:0;
   float:left;
   position:relative; 
   /*display: inline-block;*/
}
/*#centeredmenu*/ ul li a {
                     
   display:block;
   /*margin:0;*/
   /*padding:.6em .5em .4em;*/  
   font-size:12px; 
   text-decoration:none;
   color:black;
   font-weight:bold; 
   
 
}
         
/*#centeredmenu*/ ul li.active a {
   color:#fff;
   border-bottom:1px solid #ddd;
   /*background:#229590;*/ 
  
}
                  /*#====*/ 

#centeredmenu ul li a:hover,#nav_user ul li a:hover {
   /*background-color:#229590;*/  /*Top menu items background colour*/   
    color:green;
 
     
}
            /*#====*/ 
/*#centeredmenu*/ ul li:hover a,
/*#centeredmenu*/ ul li.hover a { /* This line is required for IE 6 and below */
   /*background:#229590;*/  /*Top menu items background colour*/ 
   /*color:#fff;*/
   color:black;
   background: #FFF5F5;
}

/* Submenu items */
#centeredmenu ul ul {
   display:none;  /*Sub menus are hiden by default*/ 
   position:absolute;
   right:auto; /*resets the right:50% on the parent ul*/ 
   width: auto; /*width:110%;*/ /* width of the drop-down menus */
 
}
#centeredmenu ul ul li {
   left:auto;  /*resets the left:50% on the parent li */
   margin:0;  /*Reset the 0px margin from the top menu*/ 
   clear:left;
   width:100%;
}

#centeredmenu ul ul li{
    border-bottom:1px solid #ddd;
    font-size:/*50%*/10px;
}
#centeredmenu ul ul li a:hover,
#centeredmenu ul li.active ul li a:hover,
#centeredmenu ul li:hover ul li a:hover,
#centeredmenu ul li.hover ul li a:hover { /* This line is required for IE 6 and below */
   background: #FFF5F5;  /*Sub menu items background colour*/ 
   color:#003300;
    font-weight:bold; 
   
}

/* Flip the last submenu so it stays within the page */
#centeredmenu ul ul.last {
   left:auto; /* reset left:0; value */
   right:0;  /*Set right value instead*/ 

}

/* Make the sub menus appear on hover */
#centeredmenu ul li:hover ul,
#centeredmenu ul li.hover ul { /* This line is required for IE 6 and below */
    display:block; /* Show the sub menus */
    background: #FFF5F5;
    
}

.navbar{
    margin-bottom:0 !important;
}
.menuPath_nav {
    padding: 4px;
    display:block;
    color:black;
    background-color:#F1F3FA;
    font-weight:bold;
    font-size:11px;
}
.navbar-collapse{
    width:100% !important;
}